<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta content="width=device-width,initial-scale=1.0, user-scalable=no" name="viewport"/>
    <meta content="yes" name=" apple-mobile-web-app-capable"/>
    <meta content="no" name="apple-touch-fullscreen"/>
    <meta content="black" name=" apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <title></title>
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_1153720_86rwqjuqy2.css"/>
    <link rel="stylesheet" href="../css/index.css"/>
    <script src="../js/base.min.js"></script>
    <script src="../js/jquery-3.4.1.min.js"></script>
</head>
<body>
<!--
<header id="header">
    <div flex="main:justify cross:center">
        <div flex="cross:center">
            <i class="iconfont icon-zuo"></i><span>返回</span>
        </div>
        <div class="yuanquan" flex="">
            <div></div>
            <div></div>
            <div></div>
        </div>
    </div>
</header>
-->

<section id="hongbao">
    <div class="tongzi" flex="cross:center">
        <img src="../image/gonggao.png" style="width: .26rem;height: .26rem"/>

        <p>新年快乐 <span>小金金</span> 送你个拜年红包</p>
    </div>
    <div class="deng">
    </div>
    <div flex="main:center">
        <div class="zhuanxiang">
            <img src="../image/piaodai.png" style="width: 1.73rem;height: .4rem"/><span
                class="mang">手速慢了~流量红包已被抢光</span>

            <p>该流量红包剩余 （省内流量、当月有效)</p>

            <div class="shuzi" flex="">
                <div flex="main:center corss:center">
                    <span class="span1">0</span>
                    <img src="../image/shuziGIF.gif" class="shuziimg1" style="width: .94rem;height: 1.35rem"/>
                </div>
                <div flex="main:center corss:center">
                    <span class="span2">0</span>
                    <img src="../image/shuziGIF.gif" class="shuziimg2" style="width: .94rem;height: 1.35rem"/>
                </div>
                <div flex="main:center corss:center">
                    <span class="span3">0</span>
                    <img src="../image/shuziGIF.gif" class="shuziimg3" style="width: .94rem;height: 1.35rem"/>
                </div>
                <div flex="main:center corss:center">
                    <span class="span4">0</span>
                    <img src="../image/shuziGIF.gif" class="shuziimg4" style="width: .94rem;height: 1.35rem"/>
                </div>
            </div>
            <div class="sheng" flex="main:justify cross:center">
                <span></span>

                <p>剩余<span class="shengyu">10</span>个/共10个</p>
                <span></span>
            </div>
            <div class="qiang">
                <img src="../image/qiang.png" style="width:1.63rem;height: 1.87rem"/>
                <!--<img src="../image/qiangguan.png"  style="width:1.63rem;height: 1.87rem;display: none "/>-->
            </div>
        </div>
    </div>
</section>
<!------------------------------------------------------------------------------------>
<section id="spll">
    <div class="deng">
    </div>


    <div class="danmu1">
        <img src="../image/danmu.png" class="danmu2" style="width: 6.6rem;height: 2.2rem"/>
    </div>


    <div flex="main:center">
        <div class="kexiang">

            <img src="../image/piaodai2.png" style="width: 1.73rem;height: .4rem"/>

            <div class="zengll" flex="main:center cross:center">
                <p>每月赠<span>30G</span>视频流量<br/>首年免月租</p>
            </div>
            <img src="../image/qiangka.png" class="btn"/>

            <div class="danmu" flex="main:justify cross:center">
                <div flex="cross:center">
                    <img src="../image/sjx.png" style="width:.16rem;height: .23rem "/>
                    <span>LIVE</span>
                </div>
                <div class="danmubtn" flex="main:justify cross:center">
                    <!--<p>弹幕</p>
                    <div></div>-->
                    <img src="../image/danmu2.png" style="width: .74rem;height: .28rem"/>
                </div>
            </div>
        </div>
    </div>
    <div class="huodong">
        <span>活动规则</span><i class="iconfont icon-wenhao"></i>
    </div>
</section>
<!------------------------------------------------------------------------------------>
<div id="guizeshuoming"> <!--flex="main:center"-->
    <div>
        <img src="../image/cha.png" style="width: .26rem; height: .26rem" class="cha"/>

        <div>
            <span>活动规则</span>

            <p>
                一、活动时间：即日起至2018年3月31日<br/>
                二、活动目的：提升员工利用“一人一码”<br/>
                平台进行线上分销的主动性和积极性。<br/>
                三、活动内容<br/>
                活动一：员工红包促传播<br/>
                活动期间员工每月可获赠10G流量大红包，<br/>
                将“一人一码”平台中号卡链接分享到朋友<br/>
                圈后，好友点击进入页面到领取员工派发的<br/>
                不同额度红包。<br/>
                1、开发红包系统，实现以50M的倍数为单<br/>
                位自定义生成子红包面值，再可自定义设置<br/>
                子红包个数进行派发，每月红包总的可派发<br/>
                额度以10G流量大红包为上限。<br/>
                2、员工分享出来的链接固定，该链接设置<br/>
                每月10G流量红包库存，在库存量未使用完<br/>
                毕前，链接可以被好友持续传播扩散。
            </p>
        </div>
    </div>
</div>
<!------------------------------------------------------------------------------------>
<div id="jieguo">
    <img src="../image/1.png" style="width: 7.5rem; height: 8.19rem"/>
</div>
<!------------------------------------------------------------------------------------>

<script src="../js/index.js"></script>
</body>
</html>